<template name='RecomAdmin' style="">
	<view style="background-color: #FFFFFF;display: flex;align-items: center;width: 100%;flex-direction: column;">
		<view style="padding: 30upx;font-size: 30px;width: 90%;border-bottom: 1px solid #EBEEF5;font-weight: 100;">
			"惯养精灵用户活动看板"
		</view>
		<view style="display: flex;flex-direction: row;width: 90%;justify-content: center;align-items: center;margin-top: 20upx;">

			<addedPost style="width: 33%; display: flex; align-items: center; justify-content: center;"></addedPost>
			
			<numberOfCollection style="width: 33%; display: flex; align-items: center; justify-content: center;"></numberOfCollection>

			<numberOfCompletedPlan style="width: 33%; display: flex; align-items: center; justify-content: center;"></numberOfCompletedPlan>
		
		</view>
		<view style="display: flex;flex-direction: row;width: 90%;justify-content: center;align-items: center;margin-top: 20upx;">
			
			<numberOfCompletedUser style="width: 33%; display: flex; align-items: center; justify-content: center;"></numberOfCompletedUser>
					
			<numberOfLikes style="width: 33%; display: flex; align-items: center; justify-content: center;"></numberOfLikes>
					
			<planPercentage style="width: 33%; display: flex; align-items: center; justify-content: center;"></planPercentage>
		</view>
	</view>
</template>

<script>
	import addedPost from "@/components/u-charts/addedPost.vue"
	import numberOfCollection from "@/components/u-charts/numberOfCollection.vue"
	import numberOfCompletedPlan from "@/components/u-charts/numberOfCompletedPlan.vue"
	import numberOfCompletedUser from "@/components/u-charts/numberOfCompletedUser.vue"
	import numberOfLikes from "@/components/u-charts/numberOfLikes.vue"
	import planPercentage from "@/components/u-charts/planPercentage.vue"
	
	export default{
		components: {
			addedPost,
			numberOfCollection,
			numberOfCompletedPlan,
			numberOfCompletedUser,
			numberOfLikes,
			planPercentage
		},
	}
	
</script>

<style>
	
</style>